Page({

  /**
   * 页面的初始数据
   */
  data: {
    danmuTxt:'',
    list: [{
      id: '1001',
      title: '杨国宜先生口述校史实录',
      videoUrl:'http://arch.ahnu.edu.cn/__local/6/CB/D1/C2DF3FC847F4CE2ABB67034C595_025F0082_ABD7AE2.mp4?e=.mp4'
      },
      {
      id: '1002',
      title: '唐成伦先生口述校史实录',
      videoUrl: 
     'http://arch.ahnu.edu.cn/__local/E/31/EB/2F368A265E6C842BB6A63EE5F97_425ABEDD_7167F22.mp4?e=.mp4'
      },
      {
      id: '1003',
      title: '倪光明先生口述校史实录',
      videoUrl: 
     'http://arch.ahnu.edu.cn/__local/9/DC/3B/35687573BA2145023FDAEBAFE67_AAD8D222_925F3FF.mp4?e=.mp4'
      },
      {
      id: '1004',
      title: '吴仪兴先生口述校史实录',
      videoUrl: 
     'http://arch.ahnu.edu.cn/__local/5/DA/BD/7A27865731CF2B096E90B522005_A29CB142_6525BCF.mp4?e=.mp4'
      } 
    ]
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    //创建视频上下文   
    this.videoCtx = wx.createVideoContext('myVideo')
  },
/**
 * 播放视频
 */
  playVideo: function(e){
    //停止之前正在播放的视频
    console.log(e)
    this.videoCtx.stop()
    //更新视频地址
    this.setData({src:e.currentTarget.dataset.url})
    //播放新的视频
    this.timer = setTimeout(() => {
      this.videoCtx && this.videoCtx.play();
  },500);  
  },
  /**
   * 更新弹幕内容
   */
  getDanmu: function (e){ 
    this.setData({
      danmuTxt: e.detail.value
    })
  },
    
  /**
  * 发送弹幕
  */
  sendDamu: function(){
    let text = this.data.danmuTxt;
    this.videoCtx.sendDanmu({
    text:text,
    color:this.getColorRandom()
    })
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
    
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    
  },
  //生成随机颜色
  getColorRandom: function(){
    let rgb =[]
    for (let i = 0; i<3; ++i) {
    let color = Math.floor(Math.random()*256).toString(16)
    color = color.length == 1?'0'+ color : color
    rgb.push(color)
    }
    return'#'+rgb.join('')
  },
  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    
  }
})